﻿@charset "utf-8";
/*basic*/
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, a, img, th, td, form, fieldset, iframe, object, pre, code, legend, blockquote {
border:0 none;
margin:0;
outline:0 none;
padding:0;
list-style-type:none;
}
html{ font-size:16px; }
body{color:#333;font-size:16px;font-family:"Microsoft yahei";}
a{ color:#333; text-decoration:none;}
.privilege{ width:100%; overflow:hidden;margin:0 auto;}
.privilege h3{ width:100%;}
.privilege h3 img{width:100%; vertical-align:middle;}
.privilege ul{ width:100%;}
.privilege ul li{ position:relative; width:100%;}
.privilege ul li p{ position:relative; z-index:9;}
.privilege ul li p img{ width:100%; vertical-align:middle;}
.privilege ul li .zixun_p{ width:68.8%; position:absolute; top:52%; left:-68.8%; z-index:1; transition:.5s;}
.privilege ul li .zixun_p02{ left:21%;transition:.5s;}
.jiepan{ background:url(../Image/jp_bg01.png) no-repeat center; background-size:100% 100%;}
.privilege ul li .jiepan_p{ width:68.8%; position:absolute; top:52%; right:-68.8%; z-index:1;transition:.5s;}
.privilege ul li .jiepan_p02{ width:68.8%; position:absolute; top:52%; right:21%; z-index:1;transition:.5s;}
.peixun{background:url(../Image/jp_bg01.png) no-repeat center; background-size:100% 100%;}
/**开通**/
.activate{ width:100%; overflow:hidden; background:#EEEEEE;}
.activate_top{ height:4; background:#fff; padding:1rem; margin-bottom:0.5rem;}
.activate_top h3{ font-weight:200; font-size:1rem; color:#666666; margin-bottom:0.2rem;}
.activate_top p{ font-size:0.8125rem; color:#c8c8c8;}
.activate_main{ padding:3.3rem 1rem; background:#fff; margin-bottom:0.5rem;}
.activate_main ul li{ width:100%; background:#F0F0FA; height:2.6rem; overflow:hidden;}
.activate_main ul li:first-child{ margin-bottom:2.16rem;}
.activate_main ul li img{ height:2.6rem; vertical-align:middle; float:left; position:relative; top:0.08rem;}
.activate_main ul li input{ height:2.6rem; line-height:2.6rem; border:0px; background:none; outline:none; font-family:Microsoft yahei; font-size:0.875rem; color:#666666;}
.activate_bottom{ height:4; background:#fff; padding:1.625rem 1rem;}
.activate_bottom h3{ font-size:0.75rem; font-weight:200; color:#f2807a; line-height:1.25rem; margin-bottom:1rem;}
.activate_bottom p{ width:100%;}
.activate_bottom p a{ display:block; width:100%; height:2.68rem; line-height:2.68rem; text-align:center; background:#F29A26; font-size:1rem; font-weight:bold; color:#fff;}
/**new**/
.new{ width:100%; overflow:hidden; background:#EEEEEE;}
.new_top{ height:1.66rem; background:#fff; margin-bottom:0.5rem; padding:1.25rem 1rem; overflow:hidden;}
.new_top img{ float:left; width:1.68rem; margin-right:1rem;}
.new_top span{ float:left; display:block; font-size:1rem; color:#666666; margin-right:0.5rem; line-height:1.68rem;}
.new_top b{ float:left; display:block; font-size:0.75rem; font-weight:200; color:#afafaf; line-height:1.9rem;}
.new_information{ background:#fff; margin-bottom:0.5rem;}
.new_information h3{ height:1.5rem; line-height:1.5rem; padding:0.5rem 1rem; font-weight:200; overflow:hidden;}
.new_information h3 img{ float:left; width:1rem; margin-top:0.3rem; margin-right:0.5rem;}
.new_information h3 span{ float:left; font-size:1rem; color:#666;}
.new_information h3 b{ font-weight:200; float:right; font-size:0.75rem; color:#afafaf;}
.new_information dl{ padding:1rem; overflow:hidden; background:#F0F0FA;}
.new_information dl dt{ float:left; width:32%;}
.new_information dl dt img{ width:100%; vertical-align:middle;}
.new_information dl dd{ margin-left:36%; position:relative; }
.new_information dl dd h4{ font-weight:200;font-size:0.875rem; color:#808080; line-height:1.5rem;}
.new_information dl dd p{ color:#959595; font-size:0.75rem; line-height:1.5rem;}
.new_information dl dd a{ display:inline-block; width:4rem; height:1.25rem; line-height:1.25rem; background:#F29A26; text-align:center; float:right; color:#fff; border-radius:5px; margin-top:0.25rem;}
.recommend{ width:100%;  overflow:hidden;}
.recommend table tr th{ font-size:0.875rem; font-weight:200; background:#FF0000; height:1.5625rem; border-bottom:1px solid #fff; color:#fff;}
.recommend table tr td{ font-size:0.75rem; background:#FF0000; text-align:center;height:1.5625rem;color:#fff;}
.video{ background:#F0F0FA; border-top:1px solid #CACACA;}
.video li{ padding:1rem; border-bottom:1px solid #CACACA; overflow:hidden; line-height:1.25rem; height:1.25rem;}
.video li img{ float:left; width:1rem; vertical-align:middle; margin-right:0.25rem; position:relative; top:0.15rem;}
.video li span{ display:block; float:left; font-size:0.875rem; color:#808080;width:36%;}
.video li b{ display:block; float:left; font-size:0.75rem; color:#959595; font-weight:200; width:32%;}
.video li a{display:block; float:right; font-size:0.75rem; background:#F29A26; border-radius:3px; font-size:0.625rem; color:#fff; padding:0px 0.25rem;}
.video li .video_font{ background:#959595;}
@media screen and (min-width:640px){
html{ font-size:32px;}	
	}	
@media screen and (min-width:620px) and (max-width:639px){
html{ font-size:32px;}	
	}
@media screen and (min-width:580px) and (max-width:619px){
html{ font-size:30px;}	
	}
@media screen and (min-width:540px) and (max-width:579px){
html{ font-size:26px;}	
	}
@media screen and (min-width:480px) and (max-width:539px){
html{ font-size:24px;}	
	}		
@media screen and (min-width:440px) and (max-width:479px){
html{ font-size:22px;}	
	}	
@media screen and (min-width:400px) and (max-width:439px){
html{ font-size:20px;}	
	}	
@media screen and (min-width:360px) and (max-width:399px){
html{ font-size:18px;}	
	}
